@charset "utf-8";
@import './modules/header.scss';
@import './modules/footer.scss';
body, div, ul, li, dl, dt, dd, h2, p, img, a {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}
$width:100%;
.nc-nav {
    width: $width;
    height: 190px;
    .dec-banner{
        width: $width;
        height: 150px;
        img{
            width: $width;
            height: 150px;
        }
    }
    .small-nav{
        width: $width;
        height: 40px;
        background-color: #D93600;;
        ul{
            white-space: nowrap;
            display: block;
            width: 1200px;
            margin: 0px auto;
            height: 38px;
            overflow: hidden;
            
            li{
                float: left;
                font-size: 14px;
                font-weight: 600;
                line-height: 20px;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 160px;
                color: #FFF;
                float: left;
                height: 20px;
                padding: 9px 15px;
                margin-left: 4px;
                overflow: hidden;
                cursor: pointer;
                a{
                    color: #fefefe;
                }
            }
        }
    }
}

//购物车导航
.cart-nav{
    width: 1000px;
    height: 34px;
    margin-left: 155px;
    a,span{
        margin-left: 5px;
        float: left;
        display: block;
        line-height: 34px;
        font-size: 14px;
        color: #555;
        &:hover{
            color: red;
            text-decoration: underline;
        }
    }
}
//放大镜
.ncs-detail{
    width: 1200px;
    height: 557px;
    margin: 0 auto;
    display: flex;
    .goodsImg{
        width: 420px;
        height: 557px;
        float: left;
        .bigImg{
            position: relative;
            float: left;
            width: 400px;
            height: 400px;
            overflow: hidden;
            border: 1px solid #dcdcdc;
            text-align: center;
            img{
                width: 400px;
                height: 400px;
            }
            span{
                display: block;
                position: absolute;
                display: none;
                left: 0;
                top: 0;
                width: 200px;
                height: 200px;
                background-color: rgba(255,0,255,0.3);
                cursor: move;
            }
        }
        .bigBox{
            display: none;
            position: absolute;
            left: 510px;
            width: 500px;
            height: 500px;
            overflow: hidden;
            img{
                position: absolute;
            }
        }
        .smallImg{
           width: 415px;
           height: 60px;
           float: left;
           margin-top:35px ;
           .goPre{
                width: 14px;
                height: 60px;
                position: absolute;
                float: left;
                cursor: pointer;
                // background-color: green;
               background: url('/images/d_08.png') no-repeat;
               background-size: cover;
            //    top: 25px;
            //    right: 0px;

           }
          
           #gall li{
              float: left;
              width: 60px;
              height: 60px;
              margin-left: 15px;
              img{
                  width: 60px;
                  height: 60px;
              }
           }
           .goNext{
            width: 14px;
            height: 60px;
            float: right;
            cursor: pointer;
            background: url('/images/d_09.png') no-repeat;
            background-size: cover;
           }
           
        }
    }
    .goodsInfo{
        width: 569px;
        height: 389px;
        float: left;
        margin-left: 15px;
        .carts{
            width: 50px;
            height: 30px;
            background-color: red;
            margin-left: 800px;
            span{
                color: #000;
                margin-left: 20px;
                line-height: 30px;
            }
        }
       
        .goods-name{
            width: 568px;
            height: 32px;
            h1{
                font-size: 15px;
                color: #000;
                font-weight: bold;
                line-height: 12px;
            }
        }
        .goods-price{
            width: 560px;
            height: 116px;
            margin: 0 auto;
            dl{
                  width: 560px;
                  height: 38px;
                  background: #fdf8e4;
                  dt{
                    float: left;
                    text-align: left;
                    margin-left: 20px;
                    width: 13%;
                    margin-right: 1%;
                    color: #999;
                    font-family: "Microsoft Yahei";
                    font-size: 12px;
                    line-height: 30px;
                    vertical-align: top;
                    letter-spacing: normal;
                    word-spacing: normal;
                    display: inline-block; 
                    min-height: 20px;
                    padding: 4px 0;
                    
                  }
                //   dd{
                //     text-align: left;
                //     line-height: 42px;
                //     width: 86%;
                //     color: #343235;
                //     font-family: "Microsoft Yahei";
                // }
            }
            .dl2{
                width: 560px;
                height: 38px;
                margin-top: 0;
                background: #fdf8e4;
                dt{
                    float: left;
                    text-align: left;
                    margin-left: 20px;
                    width: 13%;
                    margin-right: 1%;
                    color: #999;
                    font-family: "Microsoft Yahei";
                    font-size: 12px;
                    line-height: 30px;
                    vertical-align: top;
                    letter-spacing: normal;
                    word-spacing: normal;
                    display: inline-block; 
                    min-height: 20px;
                    padding: 4px 0;
                }
            }
            .goods-sale{
                width: 560px;
                height: 480x;
                border-top: 1px dotted #c9c9c9;
                border-bottom: 1px dotted #c9c9c9;
                overflow: hidden;
                background-color: #FFF;
                dd{
                    width: 170px;
                    float: left;
                    text-align: center;
                    height: 16px;
                    border-left: 1px solid #e4dfd9;
                    margin-top: 5px;
                    margin-left: -1px;
                    color: #999;
                    font-size: 12px;
                    line-height: 20px;
                    vertical-align: top;
                    letter-spacing: normal;
                    word-spacing: normal;
                    display: inline-block;
                    min-height: 20px;
                    padding: 4px 0;
                }
            }
        }
        .goods-num{
            width:560px ;
            height:225px;
            margin: 0 auto;
            
           dl{
               width: 560px;
               height: 48px;
               display: flex;
               align-items: center;
               dt{
                text-align: right;
                color: #999;
                font-size: 14px;
                margin-left: 10px;
                margin-top: 22px;
               }
               .add-num1{
                    width: 40px;
                   height: 24px;
                   border: 1px solid #ccc; 
                   margin-top: 29px;
                   margin-left: 19px;
                   text-align: center;
                   padding-top: 6px;
               }
               dd{
                   margin-left: 10px;
                   display: flex;
                   align-items: center;
                   .increase{
                     display: block;
                    width: 16px;
                    height: 12px;
                    border: 1px solid;
                    text-align: center;
                    line-height: 12px;
                    margin-left: 5px;
                    color: #AAA;
                    background-color: #FFE;
                   }
                   .decrease{
                    display: block;
                    width: 16px;
                    height: 12px;
                    border: 1px solid;
                    margin-top: 30px;
                    margin-left: -18px;
                    text-align: center;
                    line-height: 12px;
                    color: #AAA;
                    background-color: #FFE;
                }
                   em{
                    text-align: right;
                    color: #999;
                    font-size: 14px;
                    margin-left: 10px;
                    margin-top: 10px;
                   }
               }
               
           }
        }
        .button{
            width: 560px;
            height: 40px;
            margin-top: 50px;
           .btn1{
            font: lighter 16px/20px "Microsoft Yahei";
                background-color: #ffeded;
                border: 1px solid #c40001;
                color: #c40001;
                width: 180px;
                height: 40px;
                border-radius: 5px;
                margin-left: 100px;
            }
            .btn2{
                background-color: #c40001;
                height: 40px;
                line-height: 40px;
                width: 180px;
                text-align: center;
                outline: none;
                color: #FFF;
                font: lighter 16px/20px "Microsoft Yahei";
                margin-right: 10px;
                border-radius: 5px;
               border: none;
            }
        }
        dl{
            margin-top: 10px;

            dd{
                text-align: left;
                font-size: 12px;
                color: #343235;
                font-family: "Microsoft Yahei";
                margin-top: 15px;
        }
        }
        
    }
//     .goodsList{
//         width: 152px;
//         height: 557px;
//         background-color: salmon;
//         float: right;
//         .list-top{
//             width:150px ;
//             height:25px ;
//             .list-dotted{
//                 width: 36px;
//                 height: 1px;
//                 border-top: 1px dotted #c91111;
//                 margin-top: 15px;
//             }
//             span{
//                 display: block;
//                 float: left;
//                 color: #c91111;
//                 margin: 0px 2px;
//                 font-size: 13px;
//                 line-height: 27px;
//             }
//         }
//     }
//    .list-bottom{
//        width: 120px;
//        height: 500px;
//        border: 1px solid;
//        margin: 0 auto;
//        margin-top: 10px;
//    }
}